<template functional>
  <img :src="props.url" alt="" class="user__avatar" v-if="props.url" :class="{'user__avatar--round': props.round}">
  <img class="user__avatar" :class="{'user__avatar--round': props.round}" v-else src="~/assets/images/default-avatar.svg" />
</template>

<style lang="scss" scoped>
.user__avatar {
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  object-fit: cover;
  &.user__avatar--round{
    border-radius: 50%;
  }
}
</style>
